<template>
  <div id="app">
    <!-- 路由出口 -->
    <router-view />
    <h1>黑马头条</h1>
    <div>
      <i class="toutiao toutiao-dianzan2"></i>
    </div>

    <van-button type="primary">主要按钮</van-button>
    <van-button type="info">信息按钮</van-button>
    <van-button type="default">默认按钮</van-button>
    <van-button type="warning">警告按钮</van-button>
    <van-button type="danger">危险按钮</van-button>

    <div class="demo"></div>
  </div>
</template>

<script>
export default {
  name: 'app'
}
</script>

<style lang="less">
.van-button {
  font-size: 15px;
}
.demo {
  background-color: orange;
  width: 50px;
  height: 50px;
}
</style>
